<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <title>${stationBranch.nickname}|快址网</title>
    <meta name="description" content="">
    <meta name="Keywords" content="重庆办公室出租,重庆写字楼租赁,重庆写字楼出租,重庆写字楼招商"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/kz_header_mobile.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/mobilecommon.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/kz_secondlist_mobile.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/kz_bottom_mobile.css">
    <script type="text/javascript" src="/static/common/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/common/js/swiper.min.js"></script>
</head>

<body>
<div class="header">
    <a  onclick="javascript:history.back(-1);"><span><img src="/static/common/mobile_img/detail_back.png"/></span></a>
    <a></a>
    <a id="kz_menu"><img src="/static/common/mobile_img/mobile_meun.png"/></a>
</div>
<div class="meum_slide">
    <#include "include/mobile_navbar.ftl"/>
</div>
<div class="back b1" onclick="document.body.scrollTop=0">
    <img src="/static/common/mobile_img/back.png"/>
    <p>顶部</p>
</div>
<#--<a class="back b2" onclick="document.body.scrollTop=0">-->
<#--<p>生成</p>-->
<#--<p>二维码</p>-->
<#--</a>-->
<div class="twocode" style="display:none;">
    <button><img src=""></button>
    <article>
        <p><img src="/static/common/mobile_img/ewlogo.png"></p>
        <div><img src="/static/common/mobile_img/twocode.png"></div>
        <p>注 : 此二维码可分享于其他人查看本页面</p>
        <p>023-63021910</p>
        <p>www.51kuaizhi.com</p>
        <button id="saveImg">长按图片保存至手机相册</button>
    </article>
</div>
<#-- 首部banner -->
<div id="banner1" class="swiper-container swiper-container-horizontal" style="padding:0px">
    <div class="swiper-wrapper" style="transform: translate3d(auto, 0px, 0px); transition-duration: 0ms;">
    <#assign text=stationBranch.context_img_path />
    <#assign imgPat=text?eval />
        <#list imgPat as img >
        <div class="swiper-slide" style="width: auto;">
            <a  title="${stationBranch.nickname}" ><img src="${img.maxPath}" width="100%" title="${stationBranch.nickname}"/></a>
        </div>
        </#list>
    </div>
</div>
<content>
    <h1>${stationBranch.nickname} <!-- <a><img src="mobile_img/share.png"/><span>分享</span></a> --></h1>
       <p class="address-class"><img src="/static/common/mobile_img/kz_index_location.png"> ${county.name} -${trade_area.name}</p>
    <section>
    <#assign  minp='0'/>
    <#list stationHouse as sh>
        <#if sh.type == '开放办公'>
            <#assign  minp=sh.price/>
         <#break>
        </#if>
    </#list>
        <a><p><#if minp=='0'>暂无数据<#else>${minp}<span>元/月起</span></#if></p>
            <p>开放办公</p></a>
    <#assign  minl='0'/>
    <#list stationHouse as sh>
        <#if sh.type == '独立办公室'>
            <#assign  minl=sh.price/>
            <#break>
        </#if>
    </#list>
        <a><p><#if minl=='0' >暂无数据<#else>${minl}<span>元/月起</span></#if></p>
            <p>独立办公室</p></a>
    </section>
    <!-- abandon -->
    <section style="display: none">
        <div>
            <p><img src="/static/common/mobile_img/s_list_locate.png"/>宝安-新安</p>
            <p><img src="/static/common/mobile_img/s_list_train.png"/>宝安-新安
                <a>3号线-洪浪北站</a>
            </p>
            <p><img src="/static/common/mobile_img/s_list_house.png"/>2天前有户型更新</p>
        </div>
        <div><img src="/static/common/mobile_img/s_list_map.png"/></div>
    </section>

    <!-- abandon -->
    <section class="swiper_container_undershijia">
            <a  data-number="0">
                <p>开放办公</p>
            <#assign i = 0><#list stationHouse as sh> <#if sh.type=='开放办公'><#assign i = sh.area ></#if></#list>
                <p>剩下${i}个</p>
            </a>
            <a data-number="1">
                <p>独立办公室</p>
            <#assign j = 0>
            <#list stationHouse as sh><#if sh.type=='独立办公室'><#assign j = j + 1> </#if></#list>
                <p>剩下${j}套</p>
            </a>
    </section>
    <section class="housegather">
        <#list stationHouse  as sh>
        <#assign text=sh.cover_img_path />
        <#assign imgPat=text?eval />
            <a class="flexp">
                <img src="${imgPat.minPath}" title="${stationBranch.nickname}-${sh.type}"/>
                <div>
                    <p>${sh.type}</p>
                </div>
                <div>${sh.price}<span>元/月</span></div>
                <div>可容纳${sh.capacity}人</div>
            </a>
        </#list>
    </section>
    <#if stationHouse?size gte 5><button class="buttona">查看更多</button></#if>

    <section style="display: none;">
        <h4>咨询个性化办公需求</h4>
        <p>户型不符合？户型分割合并，定制你的专属办公室</p>
        <input type="tel" placeholder="你的电话号码"/>
        <button>立即咨询</button>
    </section>
    <#-- 项目简介 start -->
    <section>
        <h4>${stationBranch.nickname}简介</h4>
        <article class="elementhidden">
            <div>
                <p>装修风格</p>
                <p>${stationBranch.decorate}</p>
            </div>
            <div>
                <p>会议室</p>
                <p>${stationBranch.meetingNum}个</p>
            </div>
            <div>
                <p>楼层</p>
                <p>${stationBranch.doorplate}</p>
            </div>
            <div>
                <p>入驻企业</p>
                <p>${stationBranch.entrepreneur}</p>
            </div>
            <div class="service">
                <p>基础服务</p>
            <#list stationIconList  as sil>
                <#if sil.type=='TYPE_BASICS'>
                    <#list stationBranch.basics?split(",") as sbb>
                        <#if sbb == sil.id?c >
                            <p><i class="${sil.icon}"></i>${sil.name}</p>
                        </#if>
                    </#list>
                </#if>
            </#list>
            </div>
            <div class="service">
                <p>创业服务</p>
            <#list stationIconList  as sil>
                <#if sil.type=='TYPE_ESTP'>
                    <#list stationBranch.estp?split(",") as sbb>
                        <#if sbb == sil.id?c>
                            <p><i class="${sil.icon}" ></i>${sil.name}</p>
                        </#if>
                    </#list>
                </#if>
            </#list>
            </div>
            <div class="service">
                <p>特色服务</p>
            <#list stationIconList  as sil>
                <#if sil.type=='TYPE_FEATURE'>
                    <#list stationBranch.feature?split(",") as sbb>
                        <#if sbb == sil.id?c>
                            <p><i class="${sil.icon}"></i>${sil.name}</p>
                        </#if>
                    </#list>
                </#if>
            </#list>
            </div>
            <div class="program">
                <p>项目配套</p>
                <p>${stationBranch.description}</p>
            </div>
        </article>
    </section>
<#-- 项目简介 end -->
<#--大厦简介 start-->
    <section>
        <h4>大厦简介</h4>
        <article class="elementhidden">
            <div>
            <#assign text= office.cover_img_path />
            <#assign cPath=text?eval />
                <a href="/lists/bu${ office.building_id}"> <img src="${cPath.originalPath}"/></a>
                <a>
                    <p>竣工时间</p>
                    <p>${ buildingsAttribute.completedTime?default('暂无信息')}</p>
                    <p>地理位置</p>
                    <p>重庆市${ county.name}${ trade_area.name}</p>
                </a>
            </div>
            <div>
                <p>层高</p>
                <p><#if buildingsAttribute.reserve?? >${ buildingsAttribute.reserve}层<#else>暂无信息</#if></p>
            </div>
            <div>
                <p>层数</p>
                <p><#if buildingsAttribute.reserve?? >${ buildingsAttribute.reserve}层<#else>暂无信息</#if></p>
            </div>
            <div>
                <p>建筑总面积</p>
                <p><#if buildingsAttribute.area?? >${buildingsAttribute.area}㎡<#else>暂无信息</#if></p>
            </div>
            <div>
                <p>物业公司</p>
                <p>${ buildingsAttribute.property?default('暂无信息')}</p>
            </div>
            <div>
                <p>物业费</p>
                <p><#if  buildingsAttribute.propertyFee==''>暂无信息<#else>${ buildingsAttribute.propertyFee}${ buildingsAttribute.propertyFeeUnit}</#if></p>
            </div>
            <div>
                <p>车位数量</p>
                <p><#if  buildingsAttribute.carportNum=='' >暂无信息<#else>${ buildingsAttribute.carportNum}个</#if></p>
            </div>
            <div>
                <p>车位租金</p>
                <p><#if  buildingsAttribute.carportRent=='' >暂无信息<#else>${ buildingsAttribute.carportRent}${ buildingsAttribute.carportRentUnit}</#if></p>
            </div>
            <div>
                <p>电梯</p>
                <p>${ buildingsAttribute.elevator?default('暂无信息')}</p>
            </div>
            <div>
                <p>开发商</p>
                <p>${ buildingsAttribute.developer?default('暂无信息')}</p>
            </div>
            <div>
                <p>网络</p>
                <p>${ buildingsAttribute.network?default('暂无信息')}</p>
            </div>
            <div>
                <p>入驻企业</p>
                <p>${ buildingsAttribute.entrepreneur?default('暂无信息')}</p>
            </div>
            <div class="program">
                <p>项目配套</p>
                <p>${ buildingsAttribute.description?default('暂无信息')}</p>
            </div>
        </article>
        <button class="clickshow"><p>展开详情</p><p><img src="/static/common/mobile_img/s_list_ddown.png"/></p></button>
    </section>
<#--大厦简介 end-->
    <#-- 地图信息 start -->
    <section style="display: none">
        <h4>10分钟步行圈</h4>
        <article>
            <div><img src="/static/common/mobile_img/s_list_trainb.png"/>
                <a>
                    <p>地铁/公交站</p>
                    <p>约21个站点</p>
                </a>
            </div>
            <div><img src="/static/common/mobile_img/s_list_food.png"/>
                <a>
                    <p>快餐/餐厅</p>
                    <p>约50家快餐</p>
                </a>
            </div>
            <div><img src="/static/common/mobile_img/s_list_card.png"/>
                <a>
                    <p>银行</p>
                    <p>约9家银行</p>
                </a>
            </div>
            <div><img src="/static/common/mobile_img/s_list_house.png"/>
                <a>
                    <p>酒店</p>
                    <p>约4家酒店</p>
                </a>
            </div>
        </article>
    <#-- 地图信息 end -->
        <!-- <figure><img src="img/kebanner.jpg" /></figure> -->
    </section>
    <section style="display: none">
        <h4>企业服务</h4>
        <article class="content">
            <a href="/serve/bjcs.html" target="_blank">
                <img src="/static/common/mobile_img/s_list_blueborder.png">
                <img src="/static/common/mobile_img/s_list_bajie.png">
                <div>
                    <h6>财税管理 / 工商注册</h6>
                    <p>0元即可工商注册</p>
                    <p>加送5000元建站大礼包</p>
                </div>
            </a>
            <a href="/serve/greenhouse.html" target="_blank">
                <img src="/static/common/mobile_img/s_list_blueborder.png">
                <img src="/static/common/mobile_img/s_list_zj.png">
                <div>
                    <h6>绿植租赁 / 绿墙建造</h6>
                    <p>免费赠送</p>
                    <p>办公绿植租赁1个月</p>
                </div>
            </a>
            <a href="/serve/zhuanjiabao.html" target="_blank">
                <img src="/static/common/mobile_img/s_list_blueborder.png">
                <img src="/static/common/mobile_img/s_list_ht.png">
                <div>
                    <h6>企业合同/法律咨询</h6>
                    <p>智能法律顾问服务</p>
                    <p>仅需298元/年</p>
                </div>
            </a>
            <a href="/serve/HD_plus.html" target="_blank">
                <img src="/static/common/mobile_img/s_list_blueborder.png">
                <img src="/static/common/mobile_img/s_list_hd.png">
                <div>
                    <h6>活动营销/推广服务</h6>
                    <p>0策划0技术低成本</p>
                    <p>一站式服务平台</p>
                </div>
            </a>

        </article>
    </section>
    <section>
        <h4>热门楼盘</h4>
        <article>
<#list  officeBuildings as ob>
    <#assign text=ob.cover_img_path />
    <#assign cPath=text?eval />
            <a href="/lists/bu${ob.building_id}" ><img src="${cPath.maxPath}" title="${ob.building_name}"/>
                <h5>${ob.building_name}</h5>
                <p>${ob.rent}${ob.rentUnit}</p>
                <p>${ob.name}-${ob.tradeAreaName}</p>
            </a>
    <#if ob_index==5><#break></#if>
</#list>
        </article>
    </section>
    <footer  class="footer-class">
        <a href="/entrust/appoint.html"><img src="/static/common/mobile_img/s_list_routine.png"/>预约看房</a>
        <a href="tel:023-63021910"><img src="/static/common/mobile_img/s_list_phone.png"/>立即拨打</a>
    </footer>
    <#include "include/mobile_base.ftl"/>
</content>
<div id="toimg"></div>
<script type="text/javascript" src="/static/common/js/common.js"></script>
<script src="/static/common/js/mobilecommon.js"></script>
<script type="text/javascript" src="/static/common/js/mobile_index.js"></script>
<script>
    var swiper5 = new Swiper('.swiper_container_undershijia', {
        pagination: '.swiper-pagination',
        slidesPerView: 2.1,
        paginationClickable: true,
        spaceBetween: 10,
        freeMode: true
    });
    $(".clickshow").click(function () {
        $(".elementhidden").css({"overflow": "auto", "height": "auto"});
        $(this).hide();
    })
    //housegather 加载更多
    $(".buttona").click(function(){
        $(".housegather").css("max-height","none");
        $(this).hide();
    });
    $(".swiper_container_undershijia a").click(function () {
        $(this).addClass("checka").siblings().removeClass("checka");
        var currentn=$(this).attr("data-number");
        var isnumber=0;
        if(currentn==0){
            isnumber=0;
            $(".housegather a").each(function(){
                var str = $(this).text();
                  if(str.indexOf("开放")!=-1){
                      isnumber++;
                      $(this).css("display","flex");
                  }else{
                      $(this).css("display","none");
                  }
            });
            if(isnumber>4){
                $(".housegather").css("max-height",23+"rem");
                $(".buttona").show();
                $(".emptyh6").remove();
            }else if(0<isnumber){
                $(".buttona").hide();
                $(".emptyh6").remove();
            }else{
                $(".emptyh6").remove();
                $(".housegather").after("<h6 class='emptyh6'>暂无房源</h6>")
            }
        }else if(currentn==1){
            isnumber=0;
            $(".housegather a").each(function(){
                if($(this).text().indexOf("独立")!=-1){
                    isnumber++;
                    $(this).css("display","flex");
                }else{
                    $(this).css("display","none");
                }
            });
        }
        if(isnumber>4){
            $(".housegather").css("max-height",23+"rem");
            $(".buttona").show();
            $(".emptyh6").remove();
        }else if(0<isnumber){
            $(".buttona").hide();
            $(".emptyh6").remove();
        }else{
            $(".emptyh6").remove();
            $(".housegather").after("<h6 class='emptyh6'>暂无房源</h6>")
        }
    });
</script>
</body>
<script type="text/javascript" src="/static/common/js/common2.js"></script>
</html>